动画模式概述(Animate Mode Overview)
Rive 有两种不同的模式:设计(Design)和动画(Animate)。当您处于动画模式时,编辑器会改变显示,以展示创建动画所需的所有内容,包括时间轴、动画列表和插值面板。通过观看视频或继续阅读下文来了解更多关于动画模式的信息。
要快速切换模式,请使用 tab 快捷键。
在动画模式下,您会注意到检查器(Inspector)中可动画化属性旁边会显示关键帧图标。
了解更多关于动画模式的信息(Learn More About Animate Mode)
- 时间轴(Timeline)
- 动画模式下会显示带播放控件和当前动画选项的时间轴。
- 关键帧(Keys)
- 对象及其属性在设置关键帧后会出现在时间轴上,且有多种打关键帧方式。
- 插值(缓动)(Interpolation (Easing))
- 当您在某个属性上设置两个关键帧时,中间值会自动计算,这就是插值。
- 动画绘制顺序(Animating Draw Order)
- 可在不破坏层级结构的前提下,为绘制顺序打关键帧。
用例:制作一个弹跳小球(Use case: Building a Bouncing Ball)
下面这个视频会带您快速完成一个弹跳小球动画,并串讲关键帧、插值和几个经典动画原则。